<div class="bjui-pageContent tableContent" id="div1">
    <table>
        <div style="height: 50px;text-align: center;font-size:30px;color: #101010 ">车间当班指标累计达成情况</div>
        <div id="div" style="height: 50px;text-align: center;font-size:25px;color: #101010 "><label id="l1"></label></div>
        <div id="mergetotalbyday1" style="width:30%;height:80%;float:left" ></div>
        <div id="mergetotalbyday2" style="width:30%;height:80%;float:left" ></div>
        <div id="mergetotalbyday3" style="width:30%;height:80%;float:left" ></div>
        <script  src="${request.getContextPath()}/js/echarts/echarts.js"></script>
        <script  src="${request.getContextPath()}/js/echarts/echarts-tool.js"></script>
        <g:if test="${totalOutputByDayRpt.size()>0}">
            <script type="text/javascript">
                // 基于准备好的dom，初始化echarts实例
                var contextPath = "${request.getContextPath()}";
                eChartsTool.init(contextPath);
                var data=[];
                <g:each in="${totalOutputByDayRpt}" status="i" var="tableInstance">
                data.push('${tableInstance.TIME}')
                </g:each>

                // 指定图表的配置项和数据
                var option = {
                    title: {
                        text: '产能',
                        x:'center',
                        subText:'产能',
                        textStyle:{fontSize:25}
                    },

                    tooltip: {},
                    legend: {
                        data:['目标','实际投入','实际产出'],
                        y:'bottom',
                        textStyle:{fontSize:25}

                    },
                    xAxis: {
                        "axisLabel":{
                            "interval":0,
                            /* "rotate":45,*/
                            textStyle:{fontSize:25}
                        },
                        data:['']
                    },
                    yAxis : [
                        {
                            type : 'value',
                            name:'',
                            axisLabel : {
                                formatter: '{value}',
                                textStyle:{fontSize:25}
                            },
                            show:true
                        }/*,
                         {
                         type : 'value',
                         name:'',

                         axisLabel : {
                         formatter: '{value}',
                         textStyle:{fontSize:25}
                         },
                         show:true
                         }*/
                    ],
                    series: [{
                        name: '目标',
                        type: 'bar',
                        itemStyle:{
                            normal:{
                                color:'#3366CC'
                            }
                        },
                        data: ${totalOutputByDayRpt.TARGET}
                    },
                        {
                            name: '实际投入',
                            type: 'bar',
                            itemStyle:{
                                normal:{
                                    color:'#00EC00'
                                }
                            },
                            data: ${totalOutputByDayRpt.ACTUAL_IN_QTY}
                        },
                        {
                            name: '实际产出',
                            type: 'bar',
                            itemStyle:{
                                normal:{
                                    color:'#00EC00'
                                }
                            },
                            data: ${totalOutputByDayRpt.ACTUAL_OUT_QTY},

                        }]
                };

                // 使用刚指定的配置项和数据显示图表。
                eChartsTool.setOption("macarons", document.getElementById('mergetotalbyday1'), option);

            </script>
        </g:if>
        <g:if test="${totalYieldByDayRpt.size()>0}">
            <script type="text/javascript">
                // 基于准备好的dom，初始化echarts实例
                var contextPath = "${request.getContextPath()}";
                eChartsTool.init(contextPath);
                var data=[];
                <g:each in="${totalYieldByDayRpt}" status="i" var="tableInstance">
                data.push('${tableInstance.TIME}')
                </g:each>

                // 指定图表的配置项和数据
                var option = {
                    title: {
                        text: '良率',
                        x:'center',
                        subText:'良率',
                        textStyle:{fontSize:25}
                    },
                    tooltip: {},
                    legend: {
                        data:['目标','实际'],
                        y:'bottom',
                        textStyle:{fontSize:25}

                    },
                    xAxis: {
                        "axisLabel":{
                            "interval":0,
                            /* "rotate":45,*/
                            textStyle:{fontSize:25}
                        },
                        data:['']

                    },
                    yAxis : [
                        {
                            type : 'value',
                            name:'',

                            axisLabel : {
                                formatter: '{value}%',
                                textStyle:{fontSize:25}
                            },
                            show:true
                        }/*,
                         {
                         type : 'value',
                         name:'',

                         axisLabel : {
                         formatter: '{value}',
                         textStyle:{fontSize:25}
                         },
                         show:true
                         }*/
                    ],
                    series: [{
                        name: '目标',
                        type: 'bar',
                        itemStyle:{
                            normal:{
                                color:'#3366CC'
                            }
                        },
                        data: ${totalYieldByDayRpt.TARGET}
                    },
                        {
                            name: '实际',
                            type: 'bar',
                            itemStyle:{
                                normal:{
                                    color:'#00EC00'
                                }
                            },
                            data: ${totalYieldByDayRpt.ACTUAL_YIELD}
                        }]
                };

                // 使用刚指定的配置项和数据显示图表。
                eChartsTool.setOption("macarons", document.getElementById('mergetotalbyday2'), option);

            </script>
        </g:if>
        <g:if test="${totalChipYieldByDayRpt.size()>0}">
            <script type="text/javascript">
                // 基于准备好的dom，初始化echarts实例
                var contextPath = "${request.getContextPath()}";
                eChartsTool.init(contextPath);
                var data=[];
                <g:each in="${totalChipYieldByDayRpt}" status="i" var="tableInstance">
                data.push('${tableInstance.TIME}')
                </g:each>

                // 指定图表的配置项和数据
                var option = {
                    title: {
                        text: '碎片率',
                        x:'center',
                        subText:'良率',
                        textStyle:{fontSize:25}
                    },
                    tooltip: {},
                    legend: {
                        data:['目标','实际'],
                        y:'bottom',
                        textStyle:{fontSize:25}

                    },
                    xAxis: {
                        "axisLabel":{
                            "interval":0,
                            /* "rotate":45,*/
                            textStyle:{fontSize:25}
                        },
                        data:['']

                    },
                    yAxis : [
                        {
                            type : 'value',
                            name:'',
                            axisLabel : {
                                formatter: '{value}%',
                                textStyle:{fontSize:20}
                            },
                            show:true
                        }/*,
                         {
                         type : 'value',
                         name:'',

                         axisLabel : {
                         formatter: '{value}',
                         textStyle:{fontSize:25}
                         },
                         show:true
                         }*/
                    ],
                    series: [{
                        name: '目标',
                        type: 'bar',
                        itemStyle:{
                            normal:{
                                color:'#3366CC'
                            }
                        },
                        data: ${totalChipYieldByDayRpt.TARGET}
                    },
                        {
                            name: '实际',
                            type: 'bar',
                            itemStyle:{
                                normal:{
                                    color:'#FF0000'
                                }
                            },
                            data: ${totalChipYieldByDayRpt.ACTUAL_CHIP_YIELD}
                        }]
                };

                // 使用刚指定的配置项和数据显示图表。
                eChartsTool.setOption("macarons", document.getElementById('mergetotalbyday3'), option);

            </script>
            <script>
                $(function(){
                    var date=new Date();
                    var date1=date.formatDate("yyyy年MM月dd日");
                    var date=date.formatDate("HH:mm");
                    $("#l1").html("日期："+date1+"                 时间："+date)

                })

            </script>

        </g:if>
    </table>
    <form id="pagerForm1" data-toggle="ajaxsearch" action="${request.getContextPath()}/chipYieldLine/chipyieldlinerpt" method="post">
        <button style="VISIBILITY: hidden" id="auto" type="submit" class="btn-default" data-icon="search" >下一页</button>&nbsp;
    </form>
</div>